<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <h2 class="oe_slogan" style="color:#875A7B;">Sync Partners in POS</h2>
            <h3 class="oe_slogan">Update partner data in POSes instantly</h3>
        </div>
    </div>
</section>

<section class="oe_container">
  <div class="oe_row oe_spaced">
    <div class="oe_span12">
      <p class="oe_mt32">
	<div class="alert alert-warning" style="padding:0.3em 0.6em; font-size: 150%;">
	  By default, Odoo updates partner data when opening the client list. With the module it's not necessary to make an extra action, because it allows to update partner data in POSes instantly after a partner data has been modified.
	</div>
      </p>
    </div>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h3 class="oe_slogan">How It Works</h3>
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	  Open POS session
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="pos_customer_barcode.png"/>
    </div>
    <br/>
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	  Imagine that another user (e.g. administrator) change the customer data at this time, e.g. <em>barcode</em>
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="new_customer_barcode.png"/>
    </div>
    <br/>
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	  As a result, in opened POS the partner data is updated instantly without any extra action and new barcode is valid now.
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="pos_customer_new_barcode.png"/>
    </div>
    <br/>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="pos_barcode_warning.png"/>
    </div>
  </div>
</section>

<section class="oe_container oe_dark">
  <div class="oe_row oe_spaced">
    <h3 class="oe_slogan">Configuration</h3>
    <div class="oe_span12 text-center">
      <p class="oe_mt32">
 	<font style="font-size: 120%;">
	  You are able to select the fields to be synced in the <em>Point of Sale &rarr; Configuration &rarr; Settings</em> menu
	</font>
      </p>		
    </div>
    <div class="oe_screenshot" align="center">
      <img style="max-width: 80%" src="pos_partner_sync_config.png"/>
    </div>
  </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span8">
            <h2>Need our service?</h2>
            <p class="oe_mt32">Contact us by <a href="mailto:pos@it-projects.info">email</a> or fill out <a href="https://www.it-projects.info/page/website.contactus " target="_blank">request form</a></p>
            <ul>
                <li><a href="mailto:pos@it-projects.info">pos@it-projects.info <i class="fa fa-envelope-o"></i></a></li>
                <li><a href="https://www.it-projects.info/page/website.contactus " target="_blank">https://www.it-projects.info/page/website.contactus <i class="fa fa-list-alt"></i></a></li>
            </ul>
        </div>
        <div class="oe_span4">
            <div class="stamp" style="width:200px;">
                <div style="margin-top: 15px;
                            position: relative;
                            font-family:'Vollkorn', serif;
                            font-size: 16px;
                            line-height: 25px;
                            text-transform: uppercase;
                            font-weight: bold;
                            color: #75526b;
                            border: 3px dashed #75526b;
                            float: left;
                            padding: 4px 12px;
                            -webkit-transform: rotate(6deg);
                            -o-transform: rotate(6deg);
                            -moz-transform: rotate(6deg);
                            -ms-transform: rotate(6deg);">
                    Tested on Odoo<br/>10.0 community
                </div>
                <div style="margin-top: 15px;
			    position: relative;
			    font-family:'Vollkorn', serif;
			    font-size: 16px;
			    line-height: 25px;
			    text-transform: uppercase;
			    font-weight: bold;
			    color: #75526b;
			    border: 3px dashed #75526b;
			    float: left;
			    padding: 4px 12px;
			    -webkit-transform: rotate(-7deg);
			    -o-transform: rotate(-7deg);
			    -moz-transform: rotate(-7deg);
			    -ms-transform: rotate(-7deg);">
                  Tested on Odoo<br/>10.0 enterprise
                </div>
            </div>
        </div>
    </div>
</section>
